<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>首页</title>
	<link href="/assets/css/main.css" rel="stylesheet">
</head>
<body style="margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; background-image: url('/assets/images/boxed-bg.jpg'); background-size: cover; background-position: center;">
<!-- 预加载部分开始 -->
<div id="preloader">
	<div id="status"></div>
</div>
<!-- 预加载部分结束 -->
<div style="position: relative; width: 100%; height: 100%;">
	<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; gap: 60px;">
		<a href="/cart/view" style="background-color: rgba(255, 255, 255, 0.2); padding: 60px 120px; border-radius: 15px; transition: all 0.3s ease; text-align: center; color: white; text-decoration: none; font-weight: bold; font-size: 36px;">
			商&nbsp;品
		</a>
		<a href="/account/view" style="background-color: rgba(255, 255, 255, 0.2); padding: 60px 120px; border-radius: 15px; transition: all 0.3s ease; text-align: center; color: white; text-decoration: none; font-weight: bold; font-size: 36px;">
			用&nbsp;户
		</a>
		<a href="/order/view" style="background-color: rgba(255, 255, 255, 0.2); padding: 60px 120px; border-radius: 15px; transition: all 0.3s ease; text-align: center; color: white; text-decoration: none; font-weight: bold; font-size: 36px;">
			订&nbsp;单
		</a>
	</div>
</div>

<script src="/assets/js/jquery-3.4.1.min.js"></script>
<script src="/assets/js/bootstrap.bundle.min.js"></script>
<script src="/assets/js/swiper.min.js"></script>
<script src="/assets/js/jquery.mixitup.min.js"></script>
<script src="/assets/js/main.js"></script>
<script>
	document.querySelectorAll('a').forEach(link => {
		link.addEventListener('mouseenter', () => {
			link.style.backgroundColor = 'rgba(255, 255, 255, 0.3)';
			link.style.transform = 'translateY(-3px)';
		});
		link.addEventListener('mouseleave', () => {
			link.style.backgroundColor = 'rgba(255, 255, 255, 0.2)';
			link.style.transform = 'translateY(0)';
		});
	});
</script>
</body>
</html>